<%@ page contentType="text/html"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@page import="java.util.*" %>
<html>
        <head>
            <title>::SOFia::</title>
            <link rel="stylesheet" type="text/css" href="estilo.css" />
            <link rel="icon" type="image/gif" href="images/sofia/favicon.gif" >
            <script language="JavaScript" src="jfunciones.js"></script>
        </head>
	<body>
	<f:view >
            <a4j:form id="informesForm">
                <rich:tabPanel headerAlignment="right" switchType="ajax" >
                     <rich:tab label="Principal">
                        <f:subview id="Agenda">
                            <jsp:include page="interfaces/pnCitas.jsp" flush="true"/>
                        </f:subview>
                    </rich:tab>
                    <rich:tab label="Session">
                        <f:subview id="terapias">
                            <jsp:include page="interfaces/pnTerapias.jsp" flush="true"/>
                        </f:subview>
                    </rich:tab>
                    <rich:tab label="Informes">
                        <f:subview id="Terapias">
                            <jsp:include page="interfaces/pnInformes.jsp" flush="true"/>
                        </f:subview>
                    </rich:tab>
                    <rich:tab label="Administracion" styleClass="admin">
                        <div id="mnu">
                            <f:subview id="menu">
                                <jsp:include page="interfaces/tbAdministracion.jsp" flush="true"/>
                            </f:subview>
                        </div>
                        <div id="areaTrabajoAdmin"  style="height: 600px;border:#0000FF; border-style: dotted" class="rich-page-body">
                            <div style="float: right;width: 80%;height: 100%;" id="atDefault" >
                                <h:form id="form">
                                    <rich:contextMenu attached="false" id="menu" submitMode="ajax">
                                        <rich:menuItem ajaxSingle="true">
                                        <b>{nombre} con cc. {cedula}</b> detalles:
                                        <a4j:actionparam name="det" assignTo="#{elbean.none}" value="Mas de {nombre} con cc. {cedula}"/>
                                        </rich:menuItem>
                                        <rich:menuGroup value="Tareas">
                                            <rich:menuItem ajaxSingle="true">
                                                Revizar los informes de <b>{nombre}</b>
                                                <a4j:actionparam name="bask" assignTo="#{elbean.none}" value="Revizar los informes de {nombre}"/>
                                            </rich:menuItem>
                                            <rich:menuItem ajaxSingle="true">
                                                Ver los pacientes atendidos por <b>{nombre}</b>
                                                <a4j:actionparam name="bask" assignTo="#{elbean.none}" value="Ver los pacientes atendidos"/>
                                            </rich:menuItem>
                                        </rich:menuGroup>
                                    </rich:contextMenu>
                                    <h:panelGrid columns="1" columnClasses="top, top" style="width:100%;height:200px;padding:30" >
                                    <h1 id="titulonuevoAdmin" >Fisioterapuetas a su cargo
                                    <rich:messages globalOnly="true"/>
                                    </h1>
                                    <hr size=5 align=left>
                                        <rich:dataTable value="#{fisioterapeutaBean.listaFisios}" var="fisio" id="table"
                                            onRowMouseOver="this.style.backgroundColor='red'"
                                            onRowMouseOut="this.style.backgroundColor='white'" rowClasses="cur" >
                                        <rich:column width="200">
                                        <f:facet name="header">
                                            <b>Nombre</b><br/>
                                        </f:facet>
                                            <h:outputText value="#{fisio.nombre}"/>
                                        </rich:column>
                                        <rich:column width="200">
                                            <f:facet name="header">
                                                <b>Cedula</b><br/>
                                            </f:facet>
                                                <h:outputText value="#{fisio.cedula}"/>
                                        </rich:column>
                                        <rich:column width="200">
                                            <f:facet name="header">
                                                <b>Telefono</b><br/>
                                            </f:facet>
                                                <h:outputText value="#{fisio.telefono}" />
                                        </rich:column>
                                        <rich:column width="200">
                                            <f:facet name="header">
                                                <b>Correo</b><br/>
                                            </f:facet>
                                                <h:outputText value="#{fisio.email}" />
                                        </rich:column>
                                        <rich:componentControl event="onRowClick" for="menu" operation="show">
                                            <f:param value="#{fisio.nombre}" name="nombre"/>
                                            <f:param value="#{fisio.cedula}" name="cedula"/>
                                        </rich:componentControl>

                                    </rich:dataTable>
                                            <a4j:outputPanel ajaxRendered="true" >
                                                <rich:panel header="Consulta">
                                                    <h4><h:outputText value="Fisioterapeuta: "/></h4>
                                                    <rich:dataGrid  value="#{informeBean.lstInformes}" var="informes" columns="3" elements="9">
                                                    <rich:panel bodyClass="pbody">
                                                            <f:facet name="header">
                                                                <h:outputText value="#{informes.idInforme}"></h:outputText>
                                                            </f:facet>
                                                            <h:panelGrid columns="2" width="360" >
                                                                <h:outputText value="Identificaion fisioterapeuta:" />
                                                                <h:outputText value="#{informes.loginFisioId}" />
                                                                <h:outputText value="Nombre fisioterapeuta:" />
                                                                <h:outputText value="AQUI VA EL NOMBRE" />
                                                                <h:outputText value="Informe"/>
                                                                <h:outputText value="#{informes.descripcion}" />
                                                            </h:panelGrid>
                                                        </rich:panel>
                                                        <f:facet name="footer">
                                                            <rich:datascroller></rich:datascroller>
                                                        </f:facet>
                                                    </rich:dataGrid>
                                                </rich:panel>
                                            </a4j:outputPanel>
                                </h:panelGrid>
                            </h:form> 
                            </div>
                            <div style="float: left;height: 100%;width: 20%;background: #333333;" id="atNombre">
                            <center>
                                <img alt="das" id="dad" style="padding-top: 50px;" width="128px" height="128px" src="images/index/control.png"/><br/>
                            </center>
                            </div>
                        </div>
                    </rich:tab>
                    <rich:tab label="Chat">
                        <f:subview id="chat">
                            <jsp:include page="interfaces/pnChat.jsp" flush="true"/>
                        </f:subview>
                    </rich:tab>
                    <rich:tab label="Perfil">
                        <f:subview id="userPerfil">
                            <jsp:include page="interfaces/pnPerfil.jsp" flush="true"/>
                        </f:subview>
                    </rich:tab>
                </rich:tabPanel>
            </a4j:form>
	</f:view>
	</body>
</html>